TL;DR

Enhanced the Reservoir page with a new Audit Logs tab and improved the Artifacts tab with better filtering and visualization.

What changed?

• Added a new ReservoirAuditLogList component to display audit logs for reservoir operations
• Implemented tab navigation between Artifacts and Audit Logs using query parameters
• Enhanced the ReservoirArtifactList component to use the BAITable component with neo styling and resizable columns
• Added clickable statistic cards that filter artifacts based on their status
• Improved filtering capabilities for both artifacts and audit logs
• Added expandable rows in the audit logs to show detailed information
• Created mock audit log data for demonstration purposes
• Updated the UI to better visualize the current filter state with highlighted cards

How to test?

1. Navigate to the Reservoir page
2. Switch between the "Artifacts" and "Audit Logs" tabs
3. Click on the statistic cards (Installed, Available, Currently Pulling) to filter artifacts
4. Use the property filters to search for specific artifacts or audit logs
5. Expand audit log rows to view detailed information
6. Verify that pagination works correctly for both tabs
7. Check that the UI state is preserved when switching between tabs

Why make this change?

This enhancement provides better visibility into reservoir operations through audit logs, allowing users to track when artifacts were pulled, installed, or modified. The improved filtering and visualization make it easier to manage a large number of artifacts and quickly find relevant information. The clickable statistic cards provide a more intuitive way to filter artifacts by status, improving the overall user experience.